<template>
	<div class="details-inner__row-value" v-ak-tooltip-auto-show>
		<el-tooltip placement="top" :content="text">
			{{text}}
		</el-tooltip>
	</div>
</template>

<script lang="ts" setup>
	const props = defineProps(['text'])
</script>

<style lang="scss" scoped>
	.details-inner__row-value {
		width: 98%;
		display: inline-block;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-size: 13px;
	}
</style>